<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="#">
    <!--input控件
        type设置控件类型
        text普通文本框-->
    用户名:<input type="text" name="username" value="" placeholder="请输入用户名"><br>
    昵称:<input type="text" name="nickname" value="" readonly><br>
    密码:<input type="password" name="pwd" value="" maxlength="6"><br>
    <!--  radio 单选
      多个选项时必须设置 name 属性分到同一个单选组里 才能实现单选
      必须给每个值设置 value ,也就是这个选项的值否则提交的值是 on
      checked 设置默认被选中的默认值 -->

    性别:
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="0">女
    <br>
    <!--  name 是分组  -->
    爱好:
    <input type="checkbox" name="like" value="ks" checked>看书
    <input type="checkbox" name="like" value="dy">电影
    <input type="checkbox" name="like" value="yy">游泳
    <input type="checkbox" name="like" value="yx">游戏
    <br>
    喜欢的颜色:
    <input type="color" name="color">
    <br>
    上传文件
    <input type="file" name="file">
    <br>
    生日
    <input type="date" name="birthday">
    <br>
    <input type="checkbox" id="agree">
    <label for="agree">我同意以上协议</label>
    <hr>
    <!--  select 下拉选项 option 选项  -->
    喜欢的城市<select name="city" id="">
        <option value="cd" selected>成都</option>
        <option value="sh">上海</option>
        <option value="bj">北京</option>
        <option value="sz">深圳</option>
    </select>
    <hr>
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>

</body>
</html>